8f:I[903690,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"SWRDataProvider"] 91:T1637,[V0_FILE]typescriptreact:file="components/kokonutui/profile-03.tsx" import { Sparkles } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" interface ProfileFormProps { defaultValues?: { name: string username: string avatar: string bio: string location?: string website?: string twitter?: string instagram?: string } } export default function ProfileForm({ defaultValues }: ProfileFormProps) { return (

Upload / Generate a new avatar

Display Name

Username

Bio

</div>
        <div className="space-y-4">
          <h3 className="text-sm font-medium text-zinc-700 dark:text-zinc-300">Social Links</h3>
          <div className="grid gap-4">
            {["website", "twitter", "instagram"].map((social) => (
              <div key={social} className="grid gap-2">
                <Label htmlFor={social} className="capitalize text-zinc-700 dark:text-zinc-300">
                  {social}
                </Label>
                <Input
                  id={social}
                  placeholder={social === "website" ? "https://your-website.com" : "@username"}
                  defaultValue={defaultValues?.[social as keyof typeof defaultValues]}
                  autoComplete="off"
                  className="bg-white dark:bg-zinc-900/50 border-zinc-200/80 dark:border-zinc-800/80
                                             focus:border-zinc-300 dark:focus:border-zinc-700
                                             focus:ring-1 focus:ring-zinc-200 dark:focus:ring-zinc-800
                                             placeholder:text-zinc-400 dark:placeholder:text-zinc-600"
                />
              </div>
            ))}
          </div>
        </div>
      </div>
      <div className="flex justify-end gap-4">
        <Button
          variant="outline"
          className="border-zinc-200/80 dark:border-zinc-800/80 hover:bg-zinc-50 dark:hover:bg-zinc-900/50"
        >
          Cancel
        </Button>
        <Button className="bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 hover:bg-zinc-800 dark:hover:bg-zinc-200">
          Save Changes
        </Button>
      </div>
    </div>
  )
}
85:["$","$L8f",null,{"chatId":"grCdhhHLDTv","children":["$","$L90",null,{"data":{"@\"active-block\",\"grCdhhHLDTv\",":{"id":"b_8Um2PEZ5Lrk","messageId":"GQPHaWDvABTQitIXr6XunCLvNXq3j42H","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"profile-03","type":"code-project","project":"profile-03"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"grCdhhHLDTv\",":false,"":null},"children":"$L92"}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This